<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>导航栏</title>
</head>
<body>
<div th:fragment="expertHead">
    <div class="container-fluid">
        <div class="row">
            <div class="pb-2 mt-4 mb-2 border-bottom back-color">
                <<img src="image/newlogo.jpg">
            </div>
        </div>
<!--        #17A2B8-->
        <nav class="navbar navbar-expand-lg bg-info navbar-dark">
            <!-- Brand -->
            <a class="navbar-brand" href="/main">首页</a>
            <!-- Links -->
            <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                <li class="nav-item">
                    <a class="nav-link" href="/verifyList">审核列表</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/verifyRecord">审核历史</a>
                </li>

            </ul>
            <div class="dropdown">
                <button th:text="'欢迎你，专家' + ${session.user.getConsumerName()}" class="btn btn-info dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                </button>
                <div class="dropdown-menu my-2 my-sm-0" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="javascript:void(0)" onclick="showEdit()">账户管理</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="/cancel">退出登录</a>
                </div>
            </div>
        </nav>
    </div>

    <div class="modal fade" id="editPassword" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="showInfoModalCenterTitle">账户管理</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div>
                        <label>旧密码：</label>
                        <br>
                        <input type="password" style="font-weight: bold;width: 80%" id="oldPassword" required/>
                    </div>
                    <p></p>

                    <div>
                        <label>新密码：</label>
                        <br>
                        <input type="password" style="font-weight: bold;width: 80%" id="newPassword" required/>
                    </div>
                    <p></p>

                    <div>
                        <label>确认新密码：</label>
                        <br>
                        <input type="password" style="font-weight: bold;width: 80%" id="checkPassword" required/>
                    </div>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" onclick="editPassword()">保存修改</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>